
const counter = {
    // 模板
    template: `<div>
                   <button @click="handle">{{ count }}</button>
               </div>`,
    // 属性: 用于接受来自父组件的数据
    props: [ ],
    // 数据
    data(){
        return { count: 1000 }
    },
    // 方法
    methods: {
        handle(){
            this.count++;
        }
    },
    // 计算属性
    computed: {
    },
    // 侦听器
    watch: {
        // 监听 count 属性
        count( newValue , oldValue ) {
            console.log( 'new value:' , newValue , " , old value:" , oldValue );
        }
    },
    // 自定义事件
    emits: [],
    // 自定义指令
    directives: {
    },
    // 子组件
    components: {
    },
    // 生命周期钩子
    created(){
        let btn = document.querySelector('button');
        console.log( 'created: ' , this.count , btn );
    },
    // 生命周期钩子
    mounted(){
        let btn = document.querySelector('button');
        console.log( 'mounted: ' , this.count , btn );
    },
    // 生命周期钩子
    updated(){
        console.table( 'updated: ' , this );
    }
}